@import './variableLess.less';

.green-switch {
  .ant-switch-checked {
    background: @green;
  }
}



// 滚动条
::-webkit-scrollbar {
  width           : 4px;
  height          : 4px;
  background-color: transparent;
}

// 滚动条
// ::-webkit-scrollbar-thumb {
//     border-radius: 10px;
//     background-color: @scrollColor;
// }

.counter {
  display        : flex;
  justify-content: space-between;
  width          : 180px;
  height         : 34px;
  line-height    : 34px;
  box-sizing     : border-box;
  border         : 1px solid @borderColor-h;
  border-radius  : 4px;

  span {
    display   : inline-block;
    text-align: center;
    box-sizing: border-box;
    color     : @counterColor;

    &:first-child {
      color           : #999999;
      width           : 34px;
      height          : 33px;
      font-size       : 18px;
      font-weight     : 600;
      border-right    : 1px solid @borderColor-h;
      cursor          : pointer;
      background-color: rgba(0, 144, 255, 0.1);
    }

    &:last-child {
      color           : #999999;
      cursor          : pointer;
      width           : 34px;
      font-weight     : 600;
      height          : 33px;
      font-size       : 18px;
      border-left     : 1px solid @borderColor-h;
      background-color: rgba(0, 144, 255, 0.1);
    }
  }

  &:hover {
    border: 1px solid @counterColor;

    span {
      color: @counterColor;
    }

    span:first-child {
      border-right: 1px solid @counterColor;
    }

    span:last-child {
      border-left: 1px solid @counterColor;
    }
  }
}

.disabled {
  border          : 1px solid @borderColor-h;
  background-color: @btnBgColor;
  cursor          : not-allowed !important;

  span {
    color: #b5b5b5;

    &:first-child {
      border-right    : 1px solid @borderColor-h;
      background-color: transparent;
    }

    &:nth-child(3) {
      color           : #b5b5b5;
      width           : 34px;
      font-weight     : 600;
      height          : 33px;
      font-size       : 18px;
      border-left     : 1px solid @borderColor-h;
      background-color: transparent;
    }
  }

  &:hover {
    cursor: not-allowed !important;
    border: 1px solid @borderColor-h;

    span {
      cursor: not-allowed !important;
      color : #b5b5b5;
    }

    span:first-child {
      cursor      : not-allowed !important;
      border-right: 1px solid @borderColor-h;
    }

    span:last-child {
      cursor     : not-allowed !important;
      border-left: 1px solid @borderColor-h;
    }
  }
}

// 徽标数
.ant-badge-dot {
  background: #ff5500 !important;
}

// 自定义徽标内容
.diy {
  width   : 100px;
  height  : 34px;
  border  : 1px solid #0090ff;
  position: relative;

  div {
    position        : absolute;
    text-align      : center;
    width           : 32px;
    height          : 16px;
    box-sizing      : border-box;
    padding         : 0 4px;
    line-height     : 16px;
    border-radius   : 40%;
    background-color: @red;
    right           : -12px;
    top             : -9px;
    font-size       : 12px;
    color           : #fff;
  }
}

/* 基础表格 */
.ant-table-tbody .ant-table-row:nth-child(even) {
  background-color: #fbfbfb;
}

.ant-table-tbody>tr>td {
  padding     : 0;
  height      : 40px;
  padding-left: 16px;
  color       : @fontColor
}

.ant-table-thead>tr>th {
  background  : #ecf1fa;
  color       : @fontColor;
  font-weight : bolder;
  border      : rgba(182, 202, 228, 0.5);
  padding     : 0;
  height      : 40px;
  padding-left: 16px;
}

// 表格 hover
.ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
.ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
.ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,
.ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
  background-color: #f4f1dc;
}

.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: @fontColor;
}

// a标签
a {
  color: @fontColor
}

.ant-steps-item-finish,
.ant-steps-item-icon {
  border-width: 2px;
}

// 目录树
.mlshu {
  .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: transparent;
  }

  .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
    background-color: transparent;
  }

  .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
    color: #6387b3;
  }

  .ant-tree-treenode-switcher-open li:hover {
    background-color: #f4f1dc;
  }

  .ant-tree li .ant-tree-node-content-wrapper:hover {
    background-color: transparent;
    color           : @fontColor;
  }

  .ant-tree li .ant-tree-node-content-wrapper {
    color: @fontColor;
  }

  .ant-tree.ant-tree-show-line li:not(:last-child)::before {
    border: 1px dashed @borderColor-h;
  }

  .ant-tree-title {
    font-weight: bold;
  }

  .ant-tree-checkbox-inner {
    border: 1px solid @fontColor;
  }

  .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
    height: 1px;
  }

  .ant-tree.ant-tree-show-line li:not(:last-child)::before {
    border: none;
  }

  .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    border: none;
  }

  .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
    background-color: @fontColor;
  }
}





// 时间选择器
.ant-calendar-range-picker-separator {
  visibility: hidden;
}

.range-picker .ant-calendar-picker::before {
  content : "至";
  position: relative;
  left    : 160px;
  top     : 26px;
  z-index : 99;
}

.ant-calendar-picker-container {
  color: @fontColor;
}

.ant-calendar-date {
  color: @fontColor;
}

.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  color: @fontColor;
}

.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  border-radius: 50%;
}

.ant-calendar-date {
  border: none;
}

.ant-calendar-selected-day .ant-calendar-date {
  border-radius   : 50%;
  background-color: #0090ff;
  color           : #fff;
}

// 展开行列表
.kzklb .ant-table-tbody .ant-table-row:nth-child(even) {
  background-color: transparent;
}

tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background-color: rgba(236, 241, 250, 0.6);
}

// 添加人员 角色信息
.rolemessageHeader {
  font-size    : 16px;
  padding-left : 10px;
  line-height  : 38px;
  height       : 38px;
  font-weight  : bolder;
  color        : #666;
  border-bottom: 1px solid #dcdcdc;
}

.ant-drawer-body {
  padding: 16px;
}

/* 下拉框 */
.dropdown .ant-btn {
  border-color    : @borderColor-h;
  background-color: rgba(0, 144, 255, 0.1);
  color           : #4a76ab;
}

.empty .ant-btn {
  border: none;
  color : #0090ff;

  .anticon-down {
    color: #ccc;
  }

}

.haveBackground .ant-btn {
  border    : none;
  color     : #fff;
  background: #0090ff;

  .anticon-down {
    color: #fff;
  }

}

//  文字链接去掉shadow
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  --antd-wave-shadow-color: #fff !important;
}

.ant-dropdown-menu-item {
  padding    : 0 10px;
  height     : 30px;
  line-height: 30px;
  text-align : center;
}

.ant-dropdown-menu-item-active {
  color           : #0090ff;
  background-color: rgba(0, 144, 255, 0.1) !important;
}

.ant-dropdown-placement-bottomLeft .ant-dropdown-menu::after {
  content     : "";
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent rgba(220, 220, 220, 0.7) transparent;
  padding     : 0px;
  width       : 0px;
  height      : 0px;
  left        : 40px;
  top         : -13px;
  position    : absolute;
}

.ant-dropdown-placement-bottomLeft .ant-dropdown-menu::before {
  content     : "";
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  padding     : 0px;
  width       : 0px;
  height      : 0px;
  left        : 40px;
  top         : -12px;
  z-index     : 8;
  position    : absolute;
}

/* 卡片 */
.ant-card-bordered {
  border-top: 3px solid @green;
}

.ant-card-head {
  min-height   : 40px;
  line-height  : 40px;
  padding      : 0 16px;
  border-bottom: none;
}

.ant-card-head-wrapper {
  border-bottom: 1px dashed #e8e8e8;
}

.ant-card-head-title {
  padding: 0;
}

.ant-card-extra {
  padding: 0;
}

.ant-card-body {
  padding: 16px;
}

.left-border {
  .ant-card-bordered {
    border-top : 1px solid #e8e8e8 !important;
    border-left: 3px solid @red;
  }

  .ant-card-head {
    min-height   : 40px;
    line-height  : 40px;
    padding      : 0 16px;
    border-bottom: none;
  }

  .ant-card-head-wrapper {
    border-bottom: 1px dashed #e8e8e8;
  }

  .ant-card-head-title {
    padding: 0;
  }

  .ant-card-extra {
    padding: 0;
  }

  .ant-card-body {
    padding: 16px;
  }
}

.tab-box {
  border: 1px solid @borderColor-h;
}

.ant-tabs-ink-bar {
  left: 17px;
}

.ant-tabs-nav .ant-tabs-tab {
  margin    : 0;
  padding   : 12px 16px;
  background: #fff;
}

.ant-tabs-ink-bar-animated {
  width: 0px !important;
}

.ant-tabs-bar {
  border-bottom: 1px solid @borderColor-h;
}


/*  */
.card-container {
  // height: 100%;
  // border: 1px solid @borderColor-h;
}

.card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background  : transparent;
  border      : none !important;
  
}

.card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
  border-color : #fff;
  background   : #fff;
  border-bottom: 2px solid #4084F0 !important;
}



.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  border-radius: 0;
  border       : 1px solid @borderColor-h;
}

// .card-container .ant-tabs-nav {
//     background: #cbe2ff;
// }

.card-container .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  margin: 0;
}



.card-container .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  margin-right: 0;
  margin-left : 10px;
  width       : 12px;
  height      : 12px;
}

.card-container .anticon svg {
  font-size     : 16px !important;
  vertical-align: middle !important;
  margin-top    : -3px;
}

.tree_menu .anticon svg {
  font-size: 16px !important;
}

.singSvg .anticon svg {
  font-size: 28px !important;
}

.singSvg .anticon {
  margin-right  : -7px;
  vertical-align: middle !important;
}

// 竖
.card-vertical-container {
  border: 1px solid #b6cae4;

  .ant-tabs-ink-bar {
    background-color: transparent !important;
  }

  .ant-tabs-tab-active {
    border-color : #fff;
    background   : #fff;
  }

  .ant-tabs-tab-active::after {
    content   : "";
    height    : 100%;
    width     : 2px;
    background: #0090ff !important;
    position  : absolute;
    left      : 0;
    top       : 0;
  }

  .ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
  .ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
    margin: 0 0 6px 0;
  }

  .ant-tabs-tab:last-child {
    margin-bottom: 0 !important;
  }

  .ant-tabs-nav {
    background: #cbe2ff;
  }

  .ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
  .ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
    padding  : 10px 10px;
    min-width: 95px;
  }

  .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
    text-align: left;
  }
}

// 复选下拉框
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: rgba(203, 226, 255, 0.6);
  color           : #007eff;
}

// .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
//     background-color: transparent;
// }

.ant-select-tree {
  color: @fontColor;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper {
  color: @fontColor;
}



.ant-collapse>.ant-collapse-item>.ant-collapse-header {
  padding-left: 26px;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header {
  color: @fontColor;
}

.ant-collapse {
  line-height: 1;
  border     : 1px solid @borderColor-h;
}


.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
  width: 11px !important;
}

/* 进度条 */
.ant-progress-inner {
  background-color: @borderColor-h;
}

.ant-progress-success-bg,
.ant-progress-bg {
  background-color: #00a5ef;
}

.ant-progress-text {
  font-weight: bold;
  color      : #333;
}

.green-progress .ant-progress-bg {
  background-color: #67c23a;
}

.out-progress-box {
  width           : 100%;
  height          : 20px;
  background-color: @borderColor-h;
  border-radius   : 100px;
}

.inside-progress-box-red {
  width           : 50%;
  background-color: #ff5050;
  height          : 100%;
  border-radius   : 100px;
  font-size       : 14px;
  text-align      : right;
  padding-right   : 6px;
  color           : #fff;
}

.inside-progress-box-blue {
  width           : 60%;
  background-color: #00a5ef;
  height          : 100%;
  border-radius   : 100px;
  font-size       : 14px;
  text-align      : right;
  padding-right   : 6px;
  color           : #fff;
}

.inside-progress-box-green {
  width           : 70%;
  background-color: #67c23a;
  height          : 100%;
  border-radius   : 100px;
  font-size       : 14px;
  text-align      : right;
  padding-right   : 6px;
  color           : #fff;
}

.ant-progress-circle-trail {
  stroke: @borderColor-h  !important;
}

.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #00a5ef !important;
}

.ant-progress-circle .ant-progress-text {
  color: #333;
}

.ant-progress-circle-green .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #67c23a !important;
}

/* 选中 未选中 */
.btn {
  display         : inline-block;
  min-width       : 94px;
  height          : 28px;
  border          : 1px solid @borderColor-h;
  box-sizing      : border-box;
  background-color: @btnBgColor;
  color           : rgba(51, 77, 109 0.8);
  line-height     : 28px;
  font-size       : 14px;
  border-radius   : 3px;
  padding         : 0 15px;
  text-align      : center;
}

.btn_active {
  position        : relative;
  display         : inline-block;
  box-sizing      : border-box;
  // min-width: 60px;
  border          : 1px solid #05b75d;
  box-sizing      : border-box;
  background-color: #fff;
  color           : #666;
  font-size       : 14px;
  border-radius   : 3px;
  padding         : 4px 8px;
  text-align      : center;
}

.btn_active:after {
  content           : "";
  height            : 0;
  border            : solid transparent;
  position          : absolute;
  border-width      : 9px;
  border-top-color  : #05b75d;
  border-right-color: #05b75d;
  top               : 0px;
  right             : 0px;
}

.btn_active::before {
  content          : "";
  width            : 6px;
  height           : 9px;
  position         : absolute;
  right            : 2px;
  bottom           : 18px;
  z-index          : 1;
  border           : 2px solid #fff;
  border-top-color : transparent;
  border-left-color: transparent;
  transform        : rotate(45deg);
}

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: #cbe2ff;
  color     : #0090ff;
}

.ant-input {
  color: @fontColor  !important;
}

.ant-select {
  color: @fontColor  !important;
}

.riginalInput {
  float   : left;
  // width: 255px;
  width   : 100%;
  outline : none;
  border  : 0;
}

.riginalTable {
  width : 100%;
  height: 100%;
}

.riginalTable {
  .ant-select {
    width: 100%;
  }

  th,
  td {
    box-sizing     : content-box;
    border         : 1px solid @borderColor-h;
    height         : 36px;
    padding-right  : 10px;
    padding-left   : 6px;
    border-collapse: collapse; //不加上这个会重合边框
  }

  td:nth-child(2n) {
    text-align: left;
  }

  td:nth-child(2n+1) {
    text-align: right;
  }

  td {
    width: 200px;
    color: #666;
  }
}


.red {
  color: #ff5050;
}

// 用户权限人员默认按钮
.btn-item {
  cursor       : pointer;
  padding      : 0px 8px;
  line-height  : 28px;
  height       : 28px;
  font-size    : 14px;
  display      : inline-block;
  color        : @fontColor;
  box-sizing   : border-box;
  border       : 1px solid @borderColor-h;
  background   : @btnBgColor;
  border-radius: 3px;
  min-width    : 78px;
  text-align   : center;
}

// 禁用
.btn-item1 {
  cursor       : pointer;
  border       : 1px solid @borderColor-h;
  cursor       : not-allowed;
  display      : inline-block;
  padding      : 0px 8px;
  line-height  : 28px;
  height       : 28px;
  margin-bottom: 10px;
  box-sizing   : border-box;
  font-size    : 14px;
  border       : 1px solid @borderColor-h;
  color        : #b5b5b5;
  background   : @btnBgColor;
  border-radius: 3px;
  min-width    : 78px;
  text-align   : center;
}

// 按钮群
.btn-group {
  display        : flex;
  justify-content: space-between;
}

.btn-group-item {
  cursor          : pointer;
  height          : 28px;
  padding         : 0 10px;
  line-height     : 28px;
  display         : inline-block;
  // border: 1px solid #ccc;
  color           : @fontColor;
  background-color: white;
  border-radius   : 3px;
}



.btn-group-delete-item:hover {
  // border: 1px solid #ff5050;
  color: #ff5050;
}

// 去掉tab的close关闭图标
// 业务添加
.card-container .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  display: none;
}

.anticon {
  vertical-align: 0;
}

.single-btn .anticon {
  vertical-align: -0.125em;
}

.ant-table-selection-column {
  width: 6%;
}


// 表格中的按钮
.empty-btn {
  padding   : 4px 10px;
  box-sizing: border-box;
  border    : 1px solid transparent;
}

.empty-btn:hover {
  // border: 1px solid #0090ff;
  border-radius: 3px;
}

// 气泡
.ant-popover-contentv,
.ant-popover-inner {
  width : 1100px;
  height: 700px;

  .ant-popover-inner-content {
    height: calc(100% - 50px)
  }
}

.ant-popover-inner>div {
  height: 100%;
}



.ant-popover {
  left: 500px !important;
}

.popover {
  .ant-tabs {
    height: 640px;
  }
}

.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow {
  left: 13%;
}

.ant-modal-wrap .ant-select-selection {
  border: none;
}

.ant-drawer-content .ant-select-selection {
  border: none;
}

.ant-drawer-content .riginalInput {
  width: 215px;
}

// 去掉选中select的时候，蓝色底框
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  box-shadow: none;
}

// 目录树
.ant-tree li .ant-tree-node-content-wrapper {
  height     : 32px;
  line-height: 32px;
  color      : #666;
}

.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  height     : 34px;
  line-height: 34px;
  font-size  : 16px;
}

.ant-tree li .ant-tree-node-content-wrapper:hover {
  background: #f4f1dc;
}

.ant-tree li .ant-tree-node-content-wrapper {
  padding: 0;
}



.ant-table-row-selected td {
  background-color: rgba(203, 226, 255, 0.6) !important;
}

.ant-tabs-bar {
  margin-bottom: 0;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header {
  font-weight: bold;
}

.ant-collapse>.ant-collapse-item {
  border-bottom: none;
}

.ant-collapse>.ant-collapse-item {

  position: relative;
}

// :not(:last-of-type) 
.ant-collapse>.ant-collapse-item .ant-collapse-header:after {
  content   : '';
  width     : 96%;
  border-top: 1px solid #dcdcdc;
  position  : absolute;
  left      : 15px;
  bottom    : 0;
}


.ant-collapse-content {
  border-top: none;
}

.ant-select-selection__rendered {
  margin-left: 0;
}

.ant-radio-wrapper {
  color: @fontColor ;
}

.ant-checkbox-group-item {
  color: @fontColor ;
}

// 禁止点击按钮
.notAllowedBtn {
  cursor: not-allowed;
  color : #b5b5b5 !important;

  &:hover {
    background: none !important;
  }
}

// 分页
.ant-pagination .ant-select-selection--single {
  padding-left: 12px;
}

// 分页的箭头
.ant-pagination .ant-select-arrow .ant-select-arrow-icon svg {
  font-size: 10px;
}

// .main-container {
//     background-color: #fff;
// }

.ant-tabs-tab {
  font-size  : 16px;
}

.ant-popover-title {
  min-height  : 40px;
  line-height : 40px;
  font-size   : 16px;
  padding     : 0;
  padding-left: 16px;
}

.ant-tree-child-tree>li:first-child {
  padding-top: 0;
}

.ant-tree li {
  padding: 0;
}

.ant-tabs-nav-container {
  margin-bottom: 0 !important;
}

.xgryGrxs {
  padding-left: 10px;
  border-left : 4px solid #0090ff;
  font-size   : 16px
}

.ant-input:focus {
  border: 1px solid @borderColor-h;
}

.ant-input {
  border: 1px solid @borderColor-h;
}

.ant-table .ant-table-thead tr>th {
  border-top: none;
}

.ant-table .ant-table-thead tr>th,
.ant-table .ant-table-thead tr>td {
  border-bottom: 1px solid @borderColor-h  !important;
}

// 文本域
textarea.ant-input {
  padding    : 8px 0;
  box-sizing : border-box;
  line-height: 21px;
  overflow   : scroll;
  border     : none !important;
  height     : 100%
}

textarea.ant-input:focus {
  border: none !important;
}



.ant-modal-header {
  height     : 40px;
  line-height: 40px !important;
  padding    : 0 15px;
  background: #007eff;
}

.ant-modal-title {
  line-height: 40px;
  color      : #fff;
}

.ant-modal-close-x {
  width      : 40px;
  height     : 40px;
  line-height: 40px;
}

.ant-btn {
  border: none;
}

.ant-modal-close-icon {
  color: #fff;
}

// selec 下拉框
li.ant-select-tree-treenode-disabled>span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper span {
  color: #555;
}

// selec 下拉框
.ant-select-tree li {
  margin: 4px 0;
}

// selec 下拉框
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  color: #555;
}

.main-container .ant-pagination-item-active a {
  color: #fff !important;
  background: #4084f0;
}

// 组织机构分页
.zzjg-dialog .ant-pagination-item-active a {
  color: #fff !important;
}

// 组织机构分页
.zzjg-dialog .ant-pagination-options .ant-select {
  border    : 1px solid #dcdcdc;
  box-sizing: border-box;
}

.ant-modal-body {
  padding: 16px;
}

.zzjg-dialog .ant-select:hover {
  border-color: #4084f0;
}

.main-container .ant-input:focus {
  border: 1px solid #dcdcdc !important
}

.main-container .ant-input {
  border: 1px solid #dcdcdc !important
}

.main-container .ant-tree-child-tree li {
  position: relative;
}

.main-container .ant-tree-child-tree li::before {
  content     : "";
  height      : 100%;
  width       : 1px;
  position    : absolute;
  left        : -6px;
  top         : -13px;
  border-width: 1px;
  border-left : 1px dashed #999;
}

.main-container .ant-tree-child-tree li::after {
  content     : "";
  width       : 11px;
  height      : 20px;
  position    : absolute;
  left        : -3px;
  top         : 16px;
  border-width: 1px;
  border-top  : 1px dashed #999;
}

.ant-pagination .ant-select-arrow .ant-select-arrow-icon svg {
  font-size: 12px !important;
}

.ant-drawer-header .anticon-close {
  color: #fff;
}

.main-container input::-webkit-input-placeholder {
  /* 修改字体颜色 */
  color    : #ccc !important;
  /* 修改字号，默认继承input */
  font-size: 14px;
  /* 设置背景色 */
}

.yhqx-dialog input::-webkit-input-placeholder {
  /* 修改字体颜色 */
  color    : #ccc !important;
  /* 修改字号，默认继承input */
  font-size: 14px;
  /* 设置背景色 */
}

.yhqx-dialog .ant-input {
  color: #666 !important;
}

.yhqx-dialog .ant-input:hover {
  border: 1px solid #dcdcdc !important;

}

.main-container .ant-input {
  color: #666 !important;
}

.zzjg-dialog-large .ant-pagination .ant-pagination-item-active a {
  color: #fff !important;
}

.zzjg-dialog-large .ant-pagination-options .ant-select-selection {
  border: 1px solid #dcdcdc;
}

.zzjg-dialog-large .ant-pagination-options .ant-select-selection:hover {
  border: 1px solid #4084f0;
}

.ant-tree-title {
  color: #666;
}

.ant-table-body .ant-table-tbody tr td,
.ant-table-body-outer .ant-table-tbody tr td {
  color: #666;
}

.ant-tree li span.ant-tree-checkbox {
  margin: 4px 4px 0 2px;
}

.ant-tree li .ant-tree-node-content-wrapper {
  padding-left: 6px;
}

/* 选中tab标签 */
.ant-tabs-tab {
  background: #fff !important;
  color     : #5C79B0;
}

.ant-table-pagination.ant-pagination {
  margin: 10px 0;
}

.ant-tabs-nav-container {
  line-height: 1;
}

.ant-tabs-nav .ant-tabs-tab::before {
  border-top: 2px solid #fff;
}

.dialog .ant-tabs-nav .ant-tabs-tab-active::before {
  top  : 37px;
  width: 75%;
  left : 14px;
}

.ant-table-thead {
  tr {
    th {
      background-color: #f3f3f3 !important;
      font-weight     : normal;
      font-stretch    : normal;
      letter-spacing  : 1px;
      font-family     : MicrosoftYaHe;
      color           : #333333 !important;
    }
  }

}

.ant-table-thead>tr:first-child>th:first-child {
  border-top-left-radius: 0px
}

.ant-modal-content {
  .ant-btn {
    float         : right;
    width         : 96px;
    height        : 34px;
    box-sizing    : border-box;
    border-radius : 3px;
    font-family   : MicrosoftYaHei;
    font-size     : 14px;
    font-weight   : normal;
    font-stretch  : normal;
    letter-spacing: 0px;
    margin-top    : 5px;
  }

  .ant-btn-primary {
    float        : right;
    border-radius: 3px;
    margin-right : 20px;
  }

  .ant-modal-footer {
    height     : 66px;
    line-height: 66px;
  }


}

.ant-pagination .ant-pagination-disabled .ant-pagination-item-link:focus,
.ant-pagination .ant-pagination-disabled .ant-pagination-item-link:hover {
  background-color: #f5f5f5 !important;
  border-radius   : 2px;
  border          : solid 1px #dcdcdc !important;
}

.ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  background-color: #f5f5f5 !important;
  border-radius   : 2px;
  border          : solid 1px #dcdcdc !important;
  color           : #b5b5b5 !important;
}

.ant-pagination-prev a,
.ant-pagination-next a {
  color: #555555 !important;
}

.ant-pagination-item a {
  color: #555555 !important;
}

.ant-pagination .ant-pagination-prev .ant-pagination-item-link:focus,
.ant-pagination .ant-pagination-prev .ant-pagination-item-link:hover,
.ant-pagination .ant-pagination-next .ant-pagination-item-link:focus,
.ant-pagination .ant-pagination-next .ant-pagination-item-link:hover {
  border          : solid 1px #dcdcdc !important;
  background-color: #fff !important;
}

.zzjg_size12 {
  font-size: 12px;
}


.kuai-title {
  width        : 100%;
  height       : 45px;
  background   : #f0f7fb;
  float        : left;
  text-align   : left;
  line-height  : 45px;
  border-bottom: 1px solid #d2dfe8;
  box-sizing   : border-box;
  font-size    : 18px;
  color        : #333;
  position     : relative;
}

.shu {
  display     : inline-block;
  height      : 28px;
  line-height : 28px;
  padding-left: 10px;
  margin-top  : 5px;
  border-left : 4px solid #447cc6;
  font-size   : 16px;
  color       : #333333;
  font-weight : bold;
}

.btn_operation {
  display      : inline-block;
  height       : 24px;
  line-height  : 22px;
  padding      : 0 6px;
  color        : #4084f0;
  border       : 1px solid transparent;
  background   : none;
  cursor       : pointer;
  border-radius: 3px;
  outline      : none;

  font-size: 14px;

  &:focus,
  &:hover {
    background-color: #ebf4fe;
    color     : #4084f0;
    border    : 1px solid #4084f0;
  }
}

.btn_operation[disabled] {
  background-color: none;
  border    : 1px solid rgba(0, 0, 0, 0);
  color     : #CAD0D7;
  cursor    : not-allowed;
}

.el-table .cell {
  font-size: 15px !important;
  color    : #4f5e7b !important
}

.el-table th>.cell {
  font-size  : 15px !important;
  color      : #2d405e !important;
  font-weight: bolder !important
}

.el-table {
  border-top: 1px solid #EBEEF5 !important
}


.headerWarnToast {
  width           : 400px;
  background-color: #ffffff;
  box-shadow      : 0px 0px 15px 0px rgba(92, 121, 176, 0.35);
  border-radius   : 5px;

  //自定义弹框按钮
  .toastWarn {
    background     : url("../img/warn-icon@2x.png");
    background-size: 100%;
    width          : 52px;
    height         : 52px;
    margin-right   : 19px;
  }

  .el-message-box__content {
    padding: 40px 50px;

    .el-message-box__message {
      padding: 0 0 0 71px;
    }
  }
}

.ant-tabs-tab-active{
  color: #165AC6 !important;
  border-bottom: 2px solid #4084F0 !important;
  font-weight: bold !important;
  text-shadow: none !important;
}
.ant-tabs-nav .ant-tabs-tab:hover{
  color: #165AC6;
}